<!--
 *  Copyright (c) 2005 eRocX Software Group - www.erocx.com
 *
 *  @author     <a href="mailto:eroclu@gmail.com">Andy Lu</a>
 *  @date       10/29/05
-->

<%@ include file="/common/init.jsp" %>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="keywords" content="photos, photo, digital photos, prints, pictures, photograph"/>
  <meta name="description" content="Order digital photo prints online at ColorBox"/>
  <title><spring:message code="register.title"/></title>
  <link rel="stylesheet" href="/images/main.css" type="text/css"/>
</head>
<body>
<table width="750" align="center" cellpadding="0" cellspacing="0" border="0">
  <tr><td colspan="3" height="1"></td></tr>

  <!-- app header -->
  <tr><td colspan="3" height="22" align="right">
    <%@ include file="/common/header.jsp" %>
  </td></tr>
  <!-- /app header -->
  
  <tr><td colspan="3" background="/images/blue_header_line.gif">
    <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td><img src="/images/white_corner_01_16x16.gif" border="0"/></td>
        <td width="718"></td>
        <td><img src="/images/white_corner_02_16x16.gif" border="0"/></td>
      </tr>
      <tr>
        <td colspan="3" height="38" align="center">Sub-Header</td>
      </tr>
      <tr>
        <td><img src="/images/white_corner_03_16x16.gif" border="0"/></td>
        <td width="718"></td>
        <td><img src="/images/white_corner_04_16x16.gif" border="0"/></td>
      </tr>
    </table>
  </td></tr>

  <tr><td colspan="3" height="4"></td></tr>

  <tr>
    <td width="190" valign="top">
      <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
        <tr><td>
          <table align="center" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td bgcolor="#A8D98F"><img src="/images/white_corner_01_8x8.gif" border="0"/></td>
              <td bgcolor="#A8D98F" width="174"></td>
              <td bgcolor="#A8D98F"><img src="/images/white_corner_02_8x8.gif" border="0"/></td>
            </tr>
            <tr>
              <td colspan="3" align="center" bgcolor="#A8D98F">Left Menu Bar</td>
            </tr>
            <tr>
              <td colspan="3" height="8" bgcolor="#A8D98F"></td>
            </tr>
          </table>
        </td></tr>

        <tr><td>
          <table align="center" cellpadding="0" cellspacing="0" class="greenbox">
            <tr><td>
              Contents
            </td></tr>
          </table>
        </td></tr>

        <tr><td>
          <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td><img src="/images/green_corner_03_8x8.gif" border="0"/></td>
              <td width="174" background="/images/green_corner_line_1x8.gif"></td>
              <td><img src="/images/green_corner_04_8x8.gif" border="0"/></td>
            </tr>
          </table>
        </td></tr>
      </table>
    </td>

    <td width="8"></td>

    <td width="552" valign="top">
      <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
        <tr><td>
          <table align="center" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td bgcolor="#A8D98F"><img src="/images/white_corner_01_8x8.gif" border="0"/></td>
              <td bgcolor="#A8D98F" width="536"></td>
              <td bgcolor="#A8D98F"><img src="/images/white_corner_02_8x8.gif" border="0"/></td>
            </tr>
            <tr>
              <td colspan="3" align="center" bgcolor="#A8D98F"><spring:message code="register.form.title"/></td>
            </tr>
            <tr>
              <td colspan="3" height="8" bgcolor="#A8D98F"></td>
            </tr>
          </table>
        </td></tr>

        <tr><td>
          <form name="cobForm" action="/register.do" method="post" style="margin:0">
          <table align="center" cellpadding="2" cellspacing="0" class="greenbox" border="0">
            <colgroup>
              <col width="5%"/>
              <col width="13%"/>
              <col width="42%"/>
              <col width="40%"/>
            </colgroup>            
            <tr><td colspan="4" height="10"></td></tr>
            <tr><td colspan="4" class="promo"><spring:message code="register.form.promo"/></td></tr>
            <tr><td colspan="4" height="8"></td></tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.familyname"/></td>
              <td><input type="text" name="familyname" class="input" size="4" maxlength="10"/><span class="required">*</span>&nbsp;&nbsp;&nbsp;<spring:message code="register.form.givenname"/>&nbsp;<input type="text" name="givenname" class="input" size="4" maxlength="20"/><span class="required">*</span></td>
              <td><spring:message code="register.form.realname.tip"/></td>
            </tr>
            <tr><td colspan="4" height="2"></td></tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.gender"/></td>
              <td><input id="male" type="radio" name="gender" value="1" checked/><label for="male"><spring:message code="register.form.gender.male"/></label>&nbsp;&nbsp;<input id="female" type="radio" name="gender" value="0"/><label for="female"><spring:message code="register.form.gender.female"/></label></td>
              <td></td>
            </tr>
            <tr><td colspan="4" height="2"></td></tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.email"/></td>
              <td><input type="text" name="email" class="input" size="32" maxlength="50"/><span class="required">*</span></td>
              <td><spring:message code="register.form.email.tip"/></td>
            </tr>
            <tr><td colspan="4" height="2"></td></tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.password"/></td>
              <td><input type="password" name="password" class="input" size="20" maxlength="32"/><span class="required">*</span></td>
              <td><spring:message code="register.form.password.tip"/></td>
            </tr>
            <tr><td colspan="4" height="2"></td></tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.confirmpass"/></td>
              <td><input type="password" name="confirmpass" class="input" size="20" maxlength="32"/><span class="required">*</span></td>
              <td></td>
            </tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.city"/></td>
              <td><input type="text" name="city" class="input" size="12" maxlength="30"/></td>
              <td></td>
            </tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.address"/></td>
              <td><input type="text" name="address" class="input" size="32" maxlength="50"/></td>
              <td></td>
            </tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.zipcode"/></td>
              <td><input type="text" name="zipcode" class="input" size="8" maxlength="8"/></td>
              <td></td>
            </tr>
            <tr>
              <td></td>
              <td><spring:message code="register.form.phone"/></td>
              <td><input type="text" name="phone" class="input" size="16" maxlength="16"/></td>
              <td></td>
            </tr>
            <tr><td colspan="4" height="4"></td></tr>
            <tr>
              <td></td>
              <td colspan="3">
                <input id="agreement" type="checkbox" name="accept" checked/><label for="agreement"><spring:message code="register.form.accept"/></label>[<a href=""><spring:message code="register.form.agreement"/></a>]
              </td>
            </tr>
            <tr><td colspan="4" height="8"></td></tr>
            <tr><td colspan="4" align="center"><img src="/images/green_line_1x1.gif" border="0" width="400" height="1"/></td></tr>
            <tr><td colspan="4" height="4"></td></tr>
            <tr>
              <td colspan="4" align="center">
            <input type="submit" class="button" name="submit" value="<spring:message code="register.form.btn.submit"/>"/>&nbsp;&nbsp;&nbsp;
            <input type="reset" class="button" name="reset" value="<spring:message code="register.form.btn.reset"/>"/>
              </td>
            </tr>
            <tr><td colspan="4" height="4"></td></tr>
          </table>
          </form>
        </td></tr>

        <tr><td>
          <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td><img src="/images/green_corner_03_8x8.gif" border="0"/></td>
              <td width="536" background="/images/green_corner_line_1x8.gif"></td>
              <td><img src="/images/green_corner_04_8x8.gif" border="0"/></td>
            </tr>
          </table>
        </td></tr>
      </table>
    </td>
  </tr>
</table>

<%@ include file="/common/footer.jsp" %>
</body>
</html>